/* 引入头部样式 */
@import "head.less";
.adv1{
	width:1200px; 
	margin:0 auto;
	position: relative;
	.close{
		width:8px;
		height:8px;
		position: absolute;
		top: 5px;
		right:5px;
		background: url(../images/close.png) left -79px no-repeat;
	}
}

/* logo 和 搜素开始 */
#logo-sch-bao{
	width:1200px;
	height:100px;
	margin:20px auto 0;
	.bao{
		float: right;
		width:200px;
		height: 50px;
		background: url(../images/sp1.png) -35px 0 no-repeat;
	}
}

.logo-piece{
	width:300px;
	float: left;
	position: relative;
	#logo{
		display: block;
		width:95px;
		height:60px;
		background: url(../images/sp1.png) 0 -267px no-repeat;
	}
	.city{
		position: absolute;
		left:100px;
		top: 0;
		color: #000;
	    font-size: 18px;
	    font-weight: bold;
	}
	.choose-city{
		position: absolute;
		left:100px;
		top: 30px;
		background: #fff;
	    border: 1px solid #eee;
	    color: #999;
	    font-size: 12px;
	    line-height: 20px;
	    padding: 2px 5px;
	    &:hover{color:#2bb8aa}
	}
}
.sch-piece{
	float: left;
	width: 600px;
	.sch-left{
		width:508px;
		height:40px;
		border:3px solid #2db8ad;
		border-right:0;
		float: left;
		position: relative;
		.sj{
			display: block;
			width: 6px;
			height: 3px;
			position: absolute;
			top: 20px;
			left:50px;
			background: url(../images/sp1.png) 0 0 no-repeat;
		}
		.sj-hover{
			background: url(../images/sp1.png) 0 -10px no-repeat;
		}
		.tuan-shang{
			width:63px;
			height: 38px;
			overflow: hidden;
			background: #FFF;
			border:1px solid #ddd;
			li{
				cursor: pointer;
			    font-size: 14px;
			    line-height: 34px;
			    padding: 3px 20px 3px 14px;
			    &:hover{background: #f6fafc}
			}
		}
		.search{
			position: absolute;
			top: 0;
			left:70px;
			height:40px;
			line-height: 40px;
			border:none;
			width:440px;
			font-size:14px;
		}
		.hover{
			overflow: visible;
			height: auto;
		}
	}

	.btn{
		height:46px;
		width:84px;
		float: left;
		border: none;
		font-size:14px;
		color:#FFF;
		cursor: pointer;
		background: #2db8ad;
		&:hover{
			background: #12a69a;
		}
	}
	.hot-words{
		overflow: hidden;
		zoom: 1;
		line-height: 30px;
		a{
			float: left;
			margin-right:20px;
		}
	}
}


/* logo 和 搜素结束 */
/* 第一部分开始 */

#part1{
	width:1200px;
	margin:0 auto;
	background: #FFF;
	/* 全部分类开始 */
	#category{
		width:211px;
		height:518px;
		float: left;
		border:2px solid #2bb8aa;
		.cate-top{
			font-size:14px;
			font-weight: bold;
			text-indent: 20px;
			color:#FFF;
			background: #2bb8aa;
			height:38px;
			line-height: 38px;
		}
		.cate-list{
			padding:2px 10px 0;
			position: relative;
			z-index: 999;
			.cate-left-con{
				padding:8px 0;
				position: relative;
				left: 2px;
				.top-cate{
					a{
						font-size:14px;
						font-weight: bold;
						color:#333;
					}
					
				}
				.son-cate{
					padding-top: 9px;
					overflow: hidden;
					zoom: 1;
					a{
						float: left;
						margin-right:10px;
					}
				}
				.right-arrow{
					width:5px;
					height:9px;
					display: block;
					position: absolute;
					top: 45%;
					right:10px;
					background: url(../images/sp1.png) 0 -20px no-repeat;
				}

				
			}
			.cate-right-con{
				position: absolute;
				top: 0;
				left:212px;
				padding:10px;
				width:312px;
				border:1px solid #2bb8aa;
				display: none;
				background: #FFF;
				.right-top-cate{
					height:24px;
					vertical-align:top;
				}
				.right-cate-son{
					overflow: hidden;
					zoom: 1;
					line-height: 24px;
					a{
						float: left;
						word-wrap:break-word;
						margin-right:10px;
					}
				}
			}
			.cate-xian{
				height:1px;
				background: #ddd;
			}

		}
		
	}


}

/* 全部分类结束 */
.part1-mid{
	float: left;
	width:764px;
	height:521px;
	border-bottom:1px solid #ddd;
	#mid-menu{
		overflow: hidden;
		zoom: 1;
		padding-left:20px;
		border-bottom: 2px solid #2bb8aa;
		li{
			height:38px;
			line-height: 38px;
			float: left;
			a{
				display: block;
				height:38px;
				padding:0 20px;
				color:#333;
				font-weight: bold;
				font-size: 14px;
				&:hover{
					background: #2bb8aa;
					color:#FFF;
				}
			}
		}
	}
	.border-right{
		height:539px;
		border-right:1px solid #ededed;
	}
	.filter-list{
		border-bottom: 1px solid #ededed;
	    margin: 0 15px;
	    padding: 12px 0;
		height: 25px;
	    zoom: 1;

	    .big-choose{
	    	color: #999;
		    font-size: 12px;
		    font-weight: normal;
		    line-height: 24px;
		    float: left;
		    text-indent: 20px;
		    width: 86px;
		    position: relative;
	    	i{
	    		position: absolute;
	    		top: 6px;
	    		left:0;
	    		display: inline-block;
	    		width: 14px;
	    		height:14px;
	    	}
	    	.h{background: url(../images/sp1.png) -115px -64px no-repeat;}
	    	.quyu{background: url(../images/sp1.png) -84px -62px no-repeat;}
	    	.shangq{background: url(../images/sp1.png) -131px -62px no-repeat;}
	    }
	    .s-choose{
	    	float: left;
	    	width: 646px;
	    	li{
	    		float: left;
	    		margin-right:20px;
	    		line-height: 24px;
	    	}
	    }


	}
	.qu{
    	position: relative;
    	.qu_value{height: 24px; overflow: hidden;}
    	.qu_hidden{
    		position: absolute;
    		left: 0;
    		top: 12px;
    		background: #FFF;
    		border-bottom: 1px solid #eee;
    		padding-bottom: 15px;
    		z-index: 100;
    		display: none;
    	}
    }
	.this-weed-choose{
		.title{
			padding:10px 17px;
			overflow: hidden;
			h3{
				float: left;
				font-size:14px;
				text-indent: 15px;
				font-weight: bold;
				position: relative;
				i{
					display: inline-block;
					width:14px;
					height: 14px;
					position: absolute;
					top: 1px;
					left:0;
					background: url(../images/sp1.png) -99px -62px no-repeat;
				}
			}

			.btn-list{
				float: right;
				overflow: hidden;
				padding-top: 5px;
				li{
					cursor: pointer;
					background: url(../images/sp2.png) -14px -77px no-repeat;
					margin-right:8px;
					float: left;
					width:10px;
					height:10px;
				}
				li.hover{
					background: url(../images/sp2.png) 0px -77px no-repeat;
				}
			}
		}
		.all-box{
			position: relative;
			.btn{
				position: absolute;
				top: 80px;
				overflow: hidden;
				zoom: 1;
				width:752px;
				z-index: 10;
				a{
					width:40px;
					height:50px;
					cursor: pointer;
					opacity: 0;
					filter:alpha(opacity=0);
				}
				.l-btn{
					float: left;
					margin-left: 5px;
					background: url(../images/sp2.png) -207px 0 no-repeat;
				}
				.r-btn{
					float: right;
					margin-right:5px;
					background: url(../images/sp2.png) -248px 0 no-repeat;
				}
			}
			.list{
				height:273px;
				width:747px;
				li{
					opacity: 0;
					filter:alpha(opacity=0);
					z-index:0;
					position: absolute;
					top: 0;
					left: 15px;
				}
				.left{
					float: left;
					width: 366px;
					height:273px;
					position: relative;
					.zhe{
						position: absolute;
						color: #fff;
					    font-family: Arial;
					    font-size: 18px;
					    font-weight: bold;
					    height: 37px;
					    padding: 13px 22px 0 12px;
					    position: absolute;
					    right: 10px;
					    text-align: center;
					    top: 0;
					    width: 28px;
					    background: url(../images/sp3.png) 0 -20px no-repeat;
					}
					.bot-ll{
						position: absolute;
						left:-6px;
						bottom:0;
						width:7px;
						height:56px;	
						background: url(../images/sp2.png) -145px top no-repeat;
					}
					.bot{
						width:366px;
						position: absolute;
						left: 0;
						bottom:0;
						overflow: hidden;
						zoom: 1;
						background: #f6f6f6;
						border-bottom: 1px solid #eaeaea;
						.bot-l{
							height:50px;
							text-indent: 5px;
							float: left;
							margin-left: 5px;
							width:255px;
							.p1{
								font-size:14px;
								padding:5px 0 5px 0;
								height:40px;
								line-height: 40px;
							}
						}
						.bot-r{
							width:100px;
							height:50px;
							line-height: 50px;
							font-size:14px;
							text-align: center;
							color: #f76120;
							float: right;
							background:#FFF url(../images/img4.jpg) left top no-repeat;
							span{
								font-weight: bold;
								font-size:24px;
								margin-left:2px;
							}
						}
					}
				}
				.right{
					float: left;
					width:373px;
					position: relative;
					.bot-rr{
						position: absolute;
						right:0px;
						bottom:0;
						width:7px;
						height:56px;
						text-indent: 5px;
						background: url(../images/sp2.png) -128px top no-repeat;
					}
				}
			}

		}
	}
}
.part1-right{
	float: right;
}
/* 第一部分结束 */
/* 首页左侧部分开始 */
#index-main{
	width:1200px;
	margin:15px auto 0;
	overflow: hidden;
	zoom: 1;
}
#left{
	width:980px;
	float: left;
	.title{
		overflow: hidden;
		zoom: 1;
		padding:7px 0;
		border-bottom: 1px solid #ddd;
		.t-left{
			float: left;
			width:200px;
			font-size: 0;
			height: 28px;
			background: url('../images/floor-title.png') no-repeat;
		}
		.food{background-position: 0 -83px ;}
		.yule{background-position: 0 -123px ;}
		.movie{background-position: 0 -162px ;}
		.hotel{background-position: 0 -262px ;}
		.life{background-position: 0 -317px ;}
		.shop{background-position: 0 -357px ;}
		.beauty{background-position: 0 -211px ;}
		.travel{background-position: 0 -397px ;}
		.t-right{
			float: right;
			overflow: hidden;
			height: 28px;
			line-height: 28px;
			font-size:14px;
			a{
				float: left;
				margin-right:10px;
			}
			i{
				float: left;
				width:1px;
				margin:6px 10px 0 0;
				background: #ddd;
				height:17px;
			}
			.all{
				height:22px;
				line-height: 22px;
				border:1px solid #ddd;
				padding:2px 5px;
				background: #FFF;
			}
		}
	}

	.floor-box{
		overflow: hidden;
		zoom: 1;
		width:995px;
		overflow: hidden;
		margin-left: -15px;
		.list-box{
			width:314px;
			height:348px;
			border:1px solid #ddd;
			position: relative;
			float: left;
			margin: 20px 0 0 15px;
			background: #FFF;
			.sq{
				padding:5px 10px;
				background: #000;
				line-height: 22px;
				position: absolute;
				bottom: 157px;
				left: 0;
				color:#ccc;
				opacity: 0;
				filter:alpha(opacity=0);
				span{
					display: inline-block;
					width:9px;
					height:13px;
					margin-right:5px;
					text-align: justify;
					background: url(../images/sp3.png) 0 0 no-repeat;
				}
			}
			.mark{
				position: absolute;
				top: -4px;
				left: 0;
				height:40px;
				padding-left: 10px;
				span{
					display: inline-block;
					width:43px;
					height:40px;
					background: url(../images/sp1.png) no-repeat;
				}
				.m-yuyue{
					background-position: -132px -150px;
				}
			}
			.title2{
				color: #333;
			    font-size: 16px;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			    padding:10px 15px 4px;
			}
			.des{
				padding:0 15px;
				color: #999;
			    font-weight: normal;
			    line-height: 18px;
			    font-size:14px;
			}
			.price{
				position:absolute;
				left:0px;
				bottom: 40px;
				width:284px;
				padding:5px 15px 0;
				height:40px;
				line-height: 40px;
				border-bottom: 1px solid #ddd;
				.cur-p{
					color: #f76120;
					font-size:14px;
					strong{
						font-size:22px;
						margin: 0.1em;
					}
				}
				.stor-p{
					font-size: 12px;
    				margin-left: 10px;	
    				del{
    					padding-left:6px;
    				}
				}
			}
			.bot{
				height:35px;
				line-height: 35px;
				overflow: hidden;
				zoom: 1;
				padding:0 15px;
				position: absolute;
				left:0;
				bottom: 0;
				width:284px;
				background: #fafafa;
				border-bottom: 1px solid #fafafa;
				.p1{
					float: left;
					color: #999;
					span{
						color: #f76120;
					}
				}
				.p2{
					float: right;
					a{
						color: #949494;
					}
					.xing1{
						width: 60px;
						height:12px;
						display: inline-block;
						margin-right:5px;
						vertical-align: -1px;
						background: url(../images/xing.png) 0 -17px repeat-x;
						.xing2{
							width: 50%;
							height:12px;
							display: inline-block;
							background: url(../images/xing.png) 0 0 repeat-x;
						}
					}
				}
			}
		}

	}
	.more{
			background: #eee;
			color: #333;
		    display: block;
		    font-size: 14px;
		    height: 37px;
		    line-height: 37px;
		    text-align: center;
		    border: 1px solid #ddd;
		    margin:20px 0 30px;
		    a{
		    	display: block;
		    	height:37px;
		    }
		    i{
		    	display: inline-block;
		    	vertical-align: -2px;
		    	margin-left: 5px;
		    	width:13px;
		    	height: 13px;
		    	background: url(../images/floor-title.png) 0 -296px no-repeat;
		    }
		}
}

#right{
	float: right;
	width:206px;
	background: #FFF;
	
	.version{
		border:1px solid #ddd;
		padding:10px 0;
		a{
			display: block;
			height:65px;
			margin-top: 10px;
			background: url(../images/sp4.png) no-repeat;
		}
		.tel{background-position: 0 -211px;}
		.mao{background-position: 0 -113px;}
	}
	
	.recently-viewed{
		border:1px solid #ddd;
		padding:10px;
		margin-top: 10px;
		background: #FFF;
		.title{
			overflow: hidden;
			zoom: 1;
			font-size:14px;
			a{
				font-size: 12px;
				float: right;
				color: #f76120;
			}
		}
		li{
			padding:10px 0;
			overflow: hidden;
			zoom: 1;
			border-bottom: 1px dotted #eee;
			.tu{
				float: left;
				width: 80px;
			}
			.info{
				width: 96px;
				float: right;
				position: relative;
				p{
					line-height: 16px;
					overflow: hidden;
					zoom: 1;

				}
				.p2{
					position: absolute;
					top: 34px;
					left: 0;
					span{
						font-weight: bold;
						color: #f15238;
						margin-right: 10px;
					}
					del{
						color:#2bb8aa;
						font-size:14px;
					}
					.del{
						float: right;
						color: #f76120;
						&:hover{color:#2bb8aa}
					}
				}
			}
		}

	}
	.viewed-fixed{
		position: fixed;
		top: 0;
		margin-top:0;
		width: 184px;
	}
}
/* 左侧 */
.left-side{
	width:46px;
	position: absolute;
	left: 20px;
	background: #FFF;
	border:1px solid #e8e8e8;
	border-top: 0; 
	li{
		border-top:1px solid #e8e8e8;
		padding:10px;
		text-align: center;
		line-height: 18px;
		cursor: pointer;
		&:hover{background: #FFF; color:#FFF;}
		i{
			display: block;
			margin:0 auto;
			width:20px;
			height: 20px;
			
		}
	}
	

	.l-meishi{
		&:hover{ 
			background: #DC9D71;
		    i{
		    	background: url(../images/sp5.png) -21px 0 no-repeat;
		    }
		}
		i{
				background: url(../images/sp5.png) 0 0 no-repeat;		
		}
	}
	.current0{
		background: #DC9D71;
		color: #FFF;
		i{
			background: url(../images/sp5.png) -21px 0 no-repeat;
		}
	}
	.l-yule{
		&:hover{ 
			background: #B4C562;
		    i{
		    	background: url(../images/sp5.png) -21px -42px no-repeat;
		    }
		}
		i{
			background: url(../images/sp5.png) 0 -42px no-repeat;
		}
	} 
	.current1{
		background: #B4C562;
		color: #FFF;
	    i{
	    	background: url(../images/sp5.png) -21px -42px no-repeat;
	    }
	}

	.l-movie {
		&:hover{ 
				background: #FA856F;
			    i{
			    	background: url(../images/sp5.png) -21px -21px no-repeat;
			    }
			}
		i{
			background: url(../images/sp5.png) 0px -21px no-repeat;
		}
	}
	.current2{
		background: #FA856F;
		color: #FFF;
	    i{
	    	background: url(../images/sp5.png) -21px -21px no-repeat;
	    }
	}
	.l-hotel {
		&:hover{ 
			background: #67C4D8;
		    i{
		    	background: url(../images/sp5.png) -21px -105px no-repeat;
		    }
		}
		i{
			background: url(../images/sp5.png) 0 -105px no-repeat;
		}
	}
	.current3{
		background: #67C4D8;
		color: #FFF;
	    i{
	    	background: url(../images/sp5.png) -21px -105px no-repeat;
	    }
	}
	.l-fuwu {
		&:hover{ 
			background: #E9B535;
		    i{
		    	background: url(../images/sp5.png) -21px -84px no-repeat;
		    }
		}
		i{
			background: url(../images/sp5.png) 0 -84px no-repeat;
		}
	}
	.current4{
		background: #E9B535;
		color: #FFF;
	    i{
	    	background: url(../images/sp5.png) -21px -84px no-repeat;
	    }
	}
	.l-shop {
		&:hover{ 
			background: #23BFB2;
		    i{
		    	background: url(../images/sp5.png) -21px -126px no-repeat;
		    }
		}
		i{
			background: url(../images/sp5.png) 0 -126px no-repeat;
		}
	}
	.current5{
		background: #23BFB2;
		color: #FFF;
	    i{
	    	background: url(../images/sp5.png) -21px -126px no-repeat;
	    }
	}
	.l-liren {
		&:hover{ 
			background: #C979DE;
		    i{
		    	background: url(../images/sp5.png) -21px -63px no-repeat;
		    }
		}
		i{
			background: url(../images/sp5.png) 0 -63px no-repeat;
		}
	}
	.current6{
		background: #C979DE;
		color: #FFF;
	    i{
	    	background: url(../images/sp5.png) -21px -63px no-repeat;
	    }
	}

	.l-trave {
		&:hover{ 
			background: #4EBEE5;
		    i{
		    	background: url(../images/sp5.png) -21px -147px no-repeat;
		    }
		}
		i{
			background: url(../images/sp5.png) 0 -147px no-repeat;
		}
	}
	.current7{
		background: #4EBEE5;
		color: #FFF;
	    i{
	    	background: url(../images/sp5.png) -21px -147px no-repeat;
	    }
	}
	.gotop{
		border-top:1px solid #e8e8e8;
		padding:10px;
		text-align: center;
		line-height: 18px;
		cursor: pointer;
		&:hover{
			background: #2bb8aa;
			color: #FFF;
		}
	}
	
}


/* 首页左侧部分结束 */
/* 引入底部样式 */
@import "footer.less";
